<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>烘焙网-招聘专题页</title>
    <!-- import CSS -->
    <link rel="stylesheet" href="https://cdn.staticfile.org/element-ui/2.15.9/theme-chalk/index.css">

    <style>

        html {
            overflow-x: hidden;
            overflow-y: scroll;
            scroll-behavior: smooth;
            background: #f2f5f7;
        }

        body {
            margin: 0;
            padding: 0;
        }

        #ft-top-div{
            margin: 50px 0 0 0;
        }

        #ft-top-div p {
            font-size: 16px;
            line-height: 30px;
            color: #676b6f;
            margin: 5px 0;
        }

        #ft-top-div a {
            font-size: 14px;
            line-height: 20px;
            text-decoration: none;
            color: #676b6f;
            display: block;
            margin: 5px 0;
        }

        #ft-top-div h3 {
            color: white
        }

        #ft-mid-div a {
            font-size: 14px;
            line-height: 20px;
            text-decoration: none;
            margin: 0 5px;
            color: #424649;
        }

        .ftVerticalDivision {
            content: '';
            display: block;
            height: 216px;
            width: 0;
            margin: 0 auto;
            border-right: 1px solid;
            border-color: #25282a;
            box-shadow: 1px 0 1px #393c40;
        }
        .el-header {
            width: 100%;
            padding: 30px 0;
        }

        .hd-nav-a {
            display: inline-block;
            height: fit-content;
            margin: 25px 15px;

            color: black;
            font-size: 22px;
            font-weight: lighter;
            line-height: 100%;
            text-align: center;
            text-decoration: none;
        }


        .el-header .el-input__inner {
            border: none;
            outline: none;
            box-shadow: 0 5px 5px 0 rgba(0,0,0,0.1);
        }

        .hoverable {
            transition-duration: .1s;
        }

        .hoverable:hover {
            transform: scale(1.1);
            transition-duration: .2s;
        }

        .hoverable:active {
            transform: scale(.8);
            transition-duration: .05s;
        }

        .el-button:focus, .el-button {
            color: black;
            background: transparent;

            border: none;
            border-radius: 15px;
        }

        .el-button:hover {
            color: orange;
            background: white;

            box-shadow: 0 5px 5px 0 rgba(0,0,0,0.1);
        }

        .el-button:active {
            color: orange;
            background: transparent;

            box-shadow: none;
        }

        .t {
            text-decoration: none;
            color: orange;
        }

        .mn-row-block {
            width: 1200px;
            margin: 0 auto;
            padding: 50px 0 0 0;
        }


        #nav-div {
            margin: 30px;
            padding: 5px;
            position: fixed;
            bottom: 0;
            right: 0;
        }

        #nav-div > a {
            display: block;
            margin: 30px 0;
            padding: 15px;

            text-decoration: none;
            color: orange;

            border-radius: 30px;
            background: white;
            box-shadow: 0 2px 12px 0 rgba(0,0,0,0.1);
        }
        .el-select .el-input {
            width: 100px;
        }

        .input-with-select .el-input-group__prepend {
            background-color: #fff;
        }


        .mnSrhInput {
            margin: 45px auto;
        }

        .el-carousel__container {
            width: 100%;
            height: 100%;
        }

        .mnJobCard .el-row {
            margin: 15px 0;
        }

        [v-clock]{display: none}
    </style>
</head>

<body >
<div id="app" v-clock>
    <el-container>
        <a name="top"></a>
        <el-header height="fit-content">
            <!--主导航栏开始-->
            <el-row id="hd-topBar-row" gutter="20" type="flex" justify="space-between"
                    style="width: 1200px;height: 70px;margin: 0 auto">
                <!--图标开始-->
                <el-col span="4">
                    <img src="../imgs/icon/icon01.png" alt="icon.png" style="height: 100%">
                </el-col>
                <!--图标结束-->

                <!--导航开始-->
                <el-col span="8">
                    <a v-for="item in hdTopMenuArr" :href="item.url" class="hd-nav-a hoverable">
                        {{item.name}}</a>
                </el-col>
                <!--导航结束-->

                <!--涉及领域开始-->
                <el-col span="4">
                    <el-popover
                            placement="bottom"
                            width="160"
                            trigger="click"
                            style="z-index: 3;">
                        <div v-for="item in hdTopFastNavArr">
                            <el-popover
                                    placement="left"
                                    width="670"
                                    trigger="hover"
                                    close-delay="50">
                                <h2 style="margin: 20px">快速导航</h2>
                                <el-row gutter="10">
                                    <el-col span="6" v-for="nav in item.nav">
                                        <el-card class="hoverable"
                                                 style="background:rgba(255,255,255,.7);border: none">
                                            <p style="font-size: 16px;font-weight: bold">{{nav.name}}</p>
                                            <p style="font-size: 12px">{{nav.info}}</p>
                                        </el-card>
                                    </el-col>
                                </el-row>
                                <h2 style="margin: 20px">热门岗位</h2>
                                <el-row gutter="10">
                                    <el-col span="4" v-for="j in item.job">
                                        <el-card class="hoverable"
                                                 style="background:rgba(255,255,255,.7);border: none">
                                            <p style="font-size: 12px">{{j}}</p>
                                        </el-card>
                                    </el-col>
                                </el-row>
                                <p class="hoverable" slot="reference"
                                   style="font-size: 20px;font-weight: lighter;text-align: center;
                                       margin: 25px auto">
                                    {{item.text}}
                                </p>
                            </el-popover>
                        </div>
                        <p class="hoverable t" slot="reference"
                           style="font-size: 20px;font-weight: lighter;text-align: center">
                            涉及领域
                        </p>
                    </el-popover>
                </el-col>
                <!--涉及领域结束-->

                <!--搜索栏开始-->
                <el-col span="6">
                    <el-input style="margin: 15px 0;"
                              placeholder="请输入要搜索的内容"
                              suffix-icon="el-icon-search"
                              v-model="hdSearchText">
                    </el-input>
                </el-col>
                <!--搜索栏结束-->

                <!--登录注册图标开始-->
                <el-col span="2">
                    <el-popover placement="top" title="欢迎来到烘焙网!" width=50px trigger="hover">
                        <el-row>
                            <el-col span="12">
                                <el-button class="hoverable" type="info"
                                           onclick="window.location.href='1.1登录注册页面.html'">
                                    注册
                                </el-button>
                            </el-col>
                            <el-col span="12">
                                <el-button class="hoverable" type="success"
                                           onclick="window.location.href='1.1登录注册页面.html'">
                                    登录
                                </el-button>
                            </el-col>
                        </el-row>

                        <div class="hoverable" slot="reference"
                             style="height:100%;width:100%;margin: 0 auto;font-size: 25px;line-height: 25px;display: table">
                            <i class="el-icon-user"
                               style="display: table-cell;text-align: center;vertical-align: middle"></i>
                        </div>
                    </el-popover>
                </el-col>
                <!--登录注册图标结束-->
            </el-row>
            <!--主导航栏结束-->
        </el-header>
        <el-main style="padding: 0">
            <!--搜索栏开始-->
            <div
                    style="height: 133px;width: 100%;overflow: hidden;
                    background-size: contain;background: #242132 url('../imgs/other/06.png') no-repeat center;filter: blur(3)">
                <el-row gutter="10" style="width: 1200px;height: 100%;margin: 0 auto">
                    <el-col span="14" style="height: 100%">
                        <el-input class="mnSrhInput" placeholder="请输入内容" v-model="mnSrhInput"
                                  class="input-with-select">
                            <el-select v-model="mnSrhSelect" slot="prepend" placeholder="请选择">
                                <el-option label="寻工作" :value="1"></el-option>
                                <el-option label="觅人才" :value="2"></el-option>
                                <el-option label="探公司" :value="3"></el-option>
                            </el-select>
                            <el-button slot="append" icon="el-icon-search"></el-button>
                        </el-input>
                    </el-col>
                    <el-col span="10" style="height: 100%;padding: 15px 30px">
                        <div style="color: white;font-size: 25px;border-radius: 10px;margin: 17px auto;float: right">
                            <span>职位总数</span>
                            <span v-for="num in [0,1,2,2]"
                                  style="margin: 10px;padding: 8px;
                                  color: red;border: red solid 1px;border-radius: 8px;
                                  display: inline-block;text-align: center;font-family: Arial,serif;font-weight: bold">
                                {{num}}
                            </span>
                            <span>个</span>
                        </div>
                    </el-col>
                </el-row>
            </div>
            <!--搜索栏结束-->

            <!--资讯展示栏开始-->
            <div class="mn-row-block">
                <el-row gutter="10">
                    <el-col span="4">
                        <el-card style="height: 450px">
                            <el-popover
                                    v-for="item in mnTopFastNavArr"
                                    placement="left"
                                    width="670"
                                    trigger="hover"
                                    close-delay="50">
                                <h2 style="margin: 20px">{{item.text}}</h2>
                                <a v-for="j in item.job"
                                   class="hoverable"
                                   style="display:inline-block;background:rgba(255,255,255,.7);border: none;font-size: 12px;margin: 20px">
                                    {{j}}
                                </a>
                                <el-row class="hoverable" slot="reference"
                                        style="font-size: 20px;font-weight: lighter;text-align: left;
                                       margin: 25px auto">
                                    <el-col span="23">
                                        {{item.text}}
                                    </el-col>
                                    <el-col span="1">
                                        <i class="el-icon-arrow-right"></i>
                                    </el-col>
                                </el-row>
                            </el-popover>
                        </el-card>
                    </el-col>
                    <el-col span="20">
                        <table>
                            <tr>
                                <td rowspan="2">
                                    <el-carousel style="width: 645px;height: 293px" interval="2500">
                                        <el-carousel-item v-for="url in mnTopCaroArr[0]">
                                            <img :src="url" width="100%" height="100%">
                                        </el-carousel-item>
                                    </el-carousel>
                                </td>
                                <td>
                                    <el-carousel style="width: 345px;height: 147px" direction="vertical"
                                                 interval="1500">
                                        <el-carousel-item v-for="url in mnTopCaroArr[3]">
                                            <img :src="url" width="100%" height="100%">
                                        </el-carousel-item>
                                    </el-carousel>
                                </td>
                            </tr>

                            <tr>
                                <td rowspan="2">
                                    <el-carousel style="width: 345px;height: 293px" interval="2500">
                                        <el-carousel-item v-for="url in mnTopCaroArr[1]">
                                            <img :src="url" width="100%" height="100%">
                                        </el-carousel-item>
                                    </el-carousel>
                                </td>
                            </tr>

                            <tr>
                                <td>
                                    <el-carousel style="width: 645px;height: 147px" direction="vertical"
                                                 interval="1500">
                                        <el-carousel-item v-for="url in mnTopCaroArr[2]">
                                            <img :src="url" width="100%" height="100%">
                                        </el-carousel-item>
                                    </el-carousel>
                                </td>
                            </tr>
                        </table>
                    </el-col>
                </el-row>
            </div>
            <!--资讯展示栏结束-->

            <!--整行广告位开始-->
            <div class="mn-row-block">
                <img src="../imgs/ad/05.gif" alt="" width="100%" height="100%">
            </div>
            <!--整行广告位结束-->

            <!--寻工作开始-->
            <a name="job"></a>
            <div class="mn-row-block">
                <el-row style="margin: 15px 0">
                    <span style="font-size: 30px;font-weight: bold;line-height: 48px">最新工作&nbsp;</span>
                    <span style="font-size: 24px;font-weight: lighter;color: gray;line-height: 48px">Newest Jobs</span>
                    <el-button class="hoverable" style="float: right">
                        <span style="font-size: 24px;font-weight: lighter;">查看更多</span>
                    </el-button>
                </el-row>
                <el-row gutter="20">
                    <el-col span="8" v-for="item in mnJobArr">
                        <el-card class="mnJobCard" style="margin: 10px 0;width: 100%;height: 100%;border-radius: 30px">
                            <el-row>
                                <span style="float: left;font-size: 20px;font-weight: bold">{{item.name}}</span>
                                <span style="float: right;font-size: 20px;font-weight: bold;color: orange">{{item.salary}}</span>
                            </el-row>
                            <el-row>
                                <span style="float: left;font-size: 15px;font-weight: normal">{{item.comp}}</span>
                                <span style="float: right;font-size: 15px;font-weight: lighter;color: gray">
                                    {{item.limit[0]}}
                                    <el-divider direction="vertical"></el-divider>
                                    {{item.limit[1]}}
                                </span>
                            </el-row>
                            <el-row>
                                <span v-for="p in item.provide"
                                      style="color: gray;border: solid 1px;border-radius: 10px;
                                      display: inline-block;text-align: center;
                                      padding: 3px 5px;margin: 3px;
                                      font-size: 10px;font-weight: lighter">
                                    {{p}}
                                </span>
                            </el-row>
                            <el-divider></el-divider>
                            <el-row>
                                <span style="float: left;font-size: 10px;color: gray;font-weight: normal;line-height: 22px">
                                    <i class="el-icon-location"></i>{{item.loc}}
                                </span>
                                <a class="hoverable t" style="float: right;line-height: 22px"
                                   :href="item.url">申请职位</a>
                            </el-row>
                        </el-card>
                    </el-col>
                </el-row>
            </div>
            <!--寻工作结束-->

            <!--觅人才开始-->
            <a name="man"></a>
            <div class="mn-row-block">
                <el-row style="margin: 15px 0">
                    <span style="font-size: 30px;font-weight: bold;line-height: 48px">最新人才&nbsp;</span>
                    <span style="font-size: 24px;font-weight: lighter;color: gray;line-height: 48px">Newest Experts</span>
                    <el-button class="hoverable" style="float: right">
                        <span style="font-size: 24px;font-weight: lighter;">查看更多</span>
                    </el-button>
                </el-row>
                <el-row gutter="20">
                    <el-col span="8" v-for="item in mnExpertArr">
                        <el-card class="mnJobCard"
                                 style="margin: 10px 0;width: 100%;height: 100%;border-radius: 30px">
                            <el-row>
                                <el-col span="6" style="height: 92px">
                                    <div style="width: 66px;height: 66px;overflow: hidden;margin: 13px 0;border-radius: 50%">
                                        <img :src="item.avatar" width="100%">
                                    </div>
                                </el-col>
                                <el-col span="18" style="height: 92px">
                                    <el-row>
                                        <span style="float: left;font-size: 20px;font-weight: bold">{{item.name}}</span>
                                        <span style="float: right;font-size: 20px;font-weight: bold;color: orange">{{item.salary}}</span>
                                    </el-row>
                                    <el-row>
                                        <span style="float: left;font-size: 15px;font-weight: normal">{{item.expect}}</span>
                                        <span style="float: right;font-size: 15px;font-weight: lighter;color: gray">
                                            {{item.condition[0]}}
                                            <el-divider direction="vertical"></el-divider>
                                            {{item.condition[1]}}
                                        </span>
                                    </el-row>
                                </el-col>
                            </el-row>
                            <el-divider></el-divider>
                            <el-row>
                                <el-col span="18">
                                    <span v-for="p in item.special"
                                          style="color: gray;border: solid 1px;border-radius: 10px;
                                          display: inline-block;text-align: center;
                                          padding: 3px 5px;margin: 3px;
                                          font-size: 10px;font-weight: lighter">
                                        {{p}}
                                    </span>
                                </el-col>
                                <el-col span="6">
                                    <a class="hoverable t" style="float: right;line-height: 22px"
                                       :href="item.url">查看人才</a>
                                </el-col>
                            </el-row>
                        </el-card>
                    </el-col>
                </el-row>
            </div>
            <!--觅人才结束-->

            <!--探公司开始-->
            <a name="comp"></a>
            <div class="mn-row-block">
                <el-row style="margin: 15px 0">
                    <span style="font-size: 30px;font-weight: bold;line-height: 48px">最新公司&nbsp;</span>
                    <span style="font-size: 24px;font-weight: lighter;color: gray;line-height: 48px">Newest Companies</span>
                    <el-button class="hoverable" style="float: right">
                        <span style="font-size: 24px;font-weight: lighter;">查看更多</span>
                    </el-button>
                </el-row>
                <el-row gutter="20">
                    <el-col span="8" v-for="item in mnCompArr">
                        <el-card class="mnJobCard"
                                 style="margin: 10px 0;width: 100%;height: 100%;border-radius: 30px">
                            <el-row>
                                <el-col span="6" style="height: 92px">
                                    <div style="width: 66px;height: 66px;overflow: hidden;margin: 13px 0;border-radius: 50%">
                                        <img :src="item.avatar" width="100%">
                                    </div>
                                </el-col>
                                <el-col span="18" style="height: 92px">
                                    <el-row gutter="10">
                                        <el-col span="16">
                                            <span style="float: left;font-size: 20px;font-weight: bold">{{item.name}}</span>
                                        </el-col>
                                        <el-col span="8">
                                            <el-row>
                                            <span style="font-size: 20px;font-weight: bold;color: orange">
                                            {{item.remain}}个剩余
                                            </span>
                                            </el-row>
                                        </el-col>
                                    </el-row>
                                </el-col>
                            </el-row>
                            <el-divider></el-divider>
                            <el-row>
                                <el-row>
                                    <span style="float: left;font-size: 10px;color: gray;font-weight: normal;line-height: 22px">
                                        <i class="el-icon-location"></i>{{item.loc}}
                                    </span>
                                    <a class="hoverable t" style="float: right;line-height: 22px"
                                       :href="item.url">查看公司</a>
                                </el-row>
                            </el-row>
                        </el-card>
                    </el-col>
                </el-row>
            </div>
            <!--探公司结束-->


        </el-main>
        <el-footer id="el-ft" style="height: fit-content;width: 100%;">
            <!--footer开始-->
            <div id="ft-top-div" style="width: 100%;height: 220px;background:#2f3234;padding: 40px 0">
                <div style="width: 1200px;margin: 15px auto">
                    <el-row type="flex" justify="space-between">
                        <el-col span="5" style="height: 100%">
                            <div style="margin: 0 auto">
                                <img src="../imgs/icon/icon01.png" alt="iconImg" style="filter: grayscale(100%)">
                                <p>教程灵感就看烘焙馆</p>
                                <p>烘焙行业网络社区平台</p>
                                <p>全国百城上千个职位等你来</p>
                            </div>
                        </el-col>
                        <el-col span="3" style="height: 100%">
                            <div class="ftVerticalDivision"></div>
                        </el-col>
                        <el-col span="2" style="height: 100%">
                            <h3>关于我们</h3>
                            <a v-for="item in ftTopItems[0]"
                               class="hoverable" :href="item.url">
                                {{item.text}}
                            </a>
                        </el-col>
                        <el-col span="2" style="height: 100%">
                            <h3>支持与服务</h3>
                            <a v-for="item in ftTopItems[1]"
                               class="hoverable" :href="item.url">
                                {{item.text}}
                            </a>
                        </el-col>
                        <el-col span="2" style="height: 100%">
                            <h3>底部导航</h3>
                            <a v-for="item in ftTopItems[2]"
                               class="hoverable" :href="item.url">
                                {{item.text}}
                            </a>
                        </el-col>
                        <el-col span="3" style="height: 100%">
                            <div class="ftVerticalDivision"></div>
                        </el-col>
                        <el-col span="5" style="height: 100%">
                            <el-row style="margin: 15px auto">
                                <el-col span="8" v-for="item in ftIconArr">
                                    <el-popover
                                            placement="top"
                                            width="100%"
                                            trigger="hover">
                                        <el-row>
                                            <el-col span="12">
                                                <img :src="item.QRCard" alt="QRCard" height="120px">
                                            </el-col>
                                            <el-col span="12">
                                                <p>{{item.info1}}</p>
                                                <p :style="'color: '+item.color">{{item.info2}}</p>
                                            </el-col>
                                        </el-row>
                                        <el-button slot="reference" class="hoverable"
                                                   style="background:none;border: none;padding:0">
                                            <img :src="item.url" alt="iconImg" height="35px"
                                                 style="display: block;margin: 0 auto">
                                            <p style="text-align: center">{{item.text}}</p>
                                        </el-button>
                                    </el-popover>

                                </el-col>
                            </el-row>
                            <div style="margin: 0 auto;width: fit-content">
                                <span style="font-size: 54px;color: rgb(255,115,0)">烘焙</span>
                                <span style="font-size: 54px;color: #676b6f;font-style: normal">馆</span>
                                <p>烘焙行业网络社区平台</p>
                            </div>
                        </el-col>
                    </el-row>
                </div>
            </div>
            <div id="ft-mid-div" style="width: 100%;height: 23px;background:#2c2f31;padding: 13px 0">
                <div style="width: 1200px;margin: 0 auto">
                    <span style="font-size: 16px;line-height: 30px;color: #676b6f;margin: 5px 0;">友情链接:</span>
                    <a v-for="item in ftMidItems"
                       class="hoverable" :href="item.url" style="display: inline-block">
                        {{item.text}}
                    </a>
                </div>
            </div>
            <div style="width: 100%;height: 23px;background:#292929;padding: 13px 0">
                <div style="width: 1200px;margin: 0 auto">
                    <p style="color: #aaa;text-align: center;font-size: 14px;line-height: 30px;margin: 0 auto">
                        Copyright ©2018-2020 烘焙舘Powered by©Discuz!技术支持：烘焙馆 ( 赣ICP备19004781号-4 )
                    </p>
                </div>
            </div>
            <!--footer结束-->
        </el-footer>
        <div id="nav-div">
            <a v-for="item in rbNavArr"
               class="hoverable" :href="item.href">
                {{item.text}}
            </a>
        </div>
    </el-container>
</div>
</body>

<!-- import Vue before Element -->
<script src="https://cdn.staticfile.org/vue/2.6.14/vue.min.js"></script>
<!-- import JavaScript -->
<script src="https://cdn.staticfile.org/element-ui/2.15.9/index.min.js"></script>
<script>
    function randInt(start, end) {
        if (end < start)
            throw Error
        let raw_rand = Math.random()
        let span = end - start
        return Math.round(start + raw_rand * span)
    }


    let v = new Vue({
        el: '#app',
        data: function () {
            return {
                rbNavArr: [
                    {text: '顶部', href: '#top'},
                    {text: '工作', href: '#job'},
                    {text: '人才', href: '#man'},
                    {text: '公司', href: '#comp'},
                ],


                hdTopMenuArr: [
                    {name: '首页', url: 'index.html'},
                    {name: '食谱', url: 'recipeList.html'},
                    {name: '视频', url: 'videoList.html'},
                    {name: '资讯', url: 'infoList.html'},
                    {name: '招聘', url: 'recruit.html'},
                ],
                hdSearchText: '',
                hdTopFastNavArr: [
                    {
                        text: '烘焙类',
                        nav: [{name: '烘焙师', info: '前端必学神器'},
                            {name: '烘焙中工', info: '烘焙中工'},
                            {name: '烘焙学徒', info: '热门html5教程'},
                            {name: '烘焙全能师', info: '零基础知识树'}],
                        job: ['面包师', '西点师', '烘焙主管', '产品研发', '面包主管', '常温蛋糕师']
                    },
                    {
                        text: '裱花类',
                        nav: [{name: '烘焙师', info: '前端必学神器'},
                            {name: '烘焙中工', info: '烘焙中工'},
                            {name: '烘焙学徒', info: '热门html5教程'},
                            {name: '烘焙全能师', info: '零基础知识树'}],
                        job: ['面包师', '西点师', '烘焙主管', '产品研发', '面包主管', '常温蛋糕师']
                    },
                    {
                        text: '艺术造型类',
                        nav: [{name: '全部教程', info: '前端必学神器'},
                            {name: '最新教程', info: '最新Drupal教程'},
                            {name: '热门推荐', info: '热门Drupal教程'},
                            {name: '新手入门', info: '零基础知识树'}],
                        job: ['AI插画', 'MG动画', '动态特效', '动态建模', 'logo设计', '虚拟写实']
                    },
                    {
                        text: '生产管理类',
                        nav: [{name: '全部教程', info: '前端必学神器'},
                            {name: '最新教程', info: '最新Drupal教程'},
                            {name: '热门推荐', info: '热门Drupal教程'},
                            {name: '新手入门', info: '零基础知识树'}],
                        job: ['AI插画', 'MG动画', '动态特效', '动态建模', 'logo设计', '虚拟写实']
                    },
                    {
                        text: '门店运营类',
                        nav: [{name: '全部教程', info: '前端必学神器'},
                            {name: '最新教程', info: '最新Drupal教程'},
                            {name: '热门推荐', info: '热门Drupal教程'},
                            {name: '新手入门', info: '零基础知识树'}],
                        job: ['AI插画', 'MG动画', '动态特效', '动态建模', 'logo设计', '虚拟写实']
                    },
                    {
                        text: '咖啡饮品类',
                        nav: [{name: '全部教程', info: '前端必学神器'},
                            {name: '最新教程', info: '最新Drupal教程'},
                            {name: '热门推荐', info: '热门Drupal教程'},
                            {name: '新手入门', info: '零基础知识树'}],
                        job: ['AI插画', 'MG动画', '动态特效', '动态建模', 'logo设计', '虚拟写实']
                    },
                    {
                        text: '区域销售类',
                        nav: [{name: '全部教程', info: '前端必学神器'},
                            {name: '最新教程', info: '最新Drupal教程'},
                            {name: '热门推荐', info: '热门Drupal教程'},
                            {name: '新手入门', info: '零基础知识树'}],
                        job: ['AI插画', 'MG动画', '动态特效', '动态建模', 'logo设计', '虚拟写实']
                    },],
                hdBottomMenuArr: [
                    {name: '分类信息', info: '免费快速发布行业信息'},
                    {name: '烘焙商圈', info: '专业烘焙行业商家推广平台'},
                    {name: '求职招聘', info: '专属烘焙行业求职招聘平台'},
                    {name: '烘焙学院', info: '精选线上课程免费在线看'},
                ],

                mnSrhInput: '',
                mnSrhSelect: 1,

                mnTopFastNavArr: [
                    {
                        text: '烘焙类',
                        job: ['烘焙学徒', '烘焙中工', '烘焙师', '面包师', '常温蛋糕师', '烘焙全能师', '西点师', '面包主管', '烘焙主管', '产品研发', '西饼师/月饼技师/饼干', '烘焙总监']
                    },
                    {
                        text: '裱花类',
                        job: ['裱花学徒', '裱花中工', '裱花师', '裱花主管', '裱花总监']
                    },
                    {
                        text: '艺术造型类',
                        job: ['巧克力学徒', '巧克力工艺师', '糖艺师', '艺术蛋糕设计师']
                    },
                    {
                        text: '生产管理类',
                        job: ['生产厂长', '生产经理', '车间主任', '烘焙技术顾问', '生产总监', '技术总监']
                    },
                    {
                        text: '门店运营类',
                        job: ['促销主管', '收银员', '门店店长', '外送员/电商配送', '防损员/内保', '导购员/促销员', '理货员/陈列员', '门店主管营业员/店员门店经理', '运营总监']
                    },
                    {
                        text: '咖啡饮品类',
                        job: ['吧台', '服务员', '奶茶师', '咖啡师', '甜品师']
                    },
                    {
                        text: '区域销售类',
                        job: ['业务主管', '客户主管', '大区经理', '销售总监', '销售经理/主管城市经理', '区域经理/主管业务员']
                    },],
                mnTopCaroArr: [
                    ['../imgs/ad/01.png', '../imgs/ad/01.png', '../imgs/ad/01.png', '../imgs/ad/01.png'],
                    ['../imgs/ad/02.png', '../imgs/ad/02.png', '../imgs/ad/02.png', '../imgs/ad/02.png'],
                    ['../imgs/ad/03.png', '../imgs/ad/03.png', '../imgs/ad/03.png', '../imgs/ad/03.png'],
                    ['../imgs/ad/04.png', '../imgs/ad/04.png', '../imgs/ad/04.png', '../imgs/ad/04.png'],
                ],

                mnJobArr: [
                    {
                        name: '招聘烘焙师',
                        salary: '5000-7000元',
                        comp: '郑州丰客餐饮管理有限公司',
                        limit: ['学历 不限', '3年-5年'],
                        provide: ['包住', '包吃', '节日福利', '社保'],
                        loc: '河南省-郑州市-二七区马寨学院路28',
                        url: ''
                    },
                    {
                        name: '高级烘焙师',
                        salary: '10000元以上',
                        comp: '浙江五芳斋实业股份有限公司',
                        limit: ['高中/中专', '5年-8年'],
                        provide: ['包住', '餐补', '年终奖', '住房公积金'],
                        loc: '浙江省-嘉兴市-秀洲区-浙江省嘉兴市',
                        url: ''
                    },
                    {
                        name: '招聘烘焙师',
                        salary: '5000-7000元',
                        comp: '江南糕点',
                        limit: ['学历 不限', '3年-5年'],
                        provide: ['年假', '住房公积金', '婚假', '节日福利'],
                        loc: '山东省-济南市-济南天桥区师范路88',
                        url: ''
                    },
                    {
                        name: '烘焙师',
                        salary: '5000-7000元',
                        comp: '江南糕点',
                        limit: ['学历 不限', '1年-3年'],
                        provide: ['加班补助', '住房公积金', '婚假', '餐补'],
                        loc: '山东省-济南市-济南天桥区师范路88',
                        url: ''
                    },
                    {
                        name: '招聘烘焙全能师',
                        salary: '5000-7000元',
                        comp: '麦浪烘焙',
                        limit: ['学历 不限', '经验 不限'],
                        provide: ['包吃', '包住'],
                        loc: '江苏省-扬州市-广陵区-李典镇花园',
                        url: ''
                    },
                    {
                        name: '烘焙师，裱花师',
                        salary: '面议',
                        comp: '女王伯爵烘焙',
                        limit: ['学历 不限', '经验 不限'],
                        provide: ['年假', '年终奖', '包吃', '包住'],
                        loc: '其他-新城街',
                        url: ''
                    },
                    {
                        name: '招聘烘焙全能师',
                        salary: '5000-7000元',
                        comp: '品华居法式烘焙',
                        limit: ['高中/中专', '5年-8年'],
                        provide: ['包吃', '包住'],
                        loc: '江西省-南昌市-红谷滩新区-九龙湖',
                        url: ''
                    },
                    {
                        name: '招聘烘焙全能师',
                        salary: '5000-7000元',
                        comp: '欧风麦甜',
                        limit: ['学历 不限', '经验 不限'],
                        provide: ['包吃', '包住', '年假'],
                        loc: '广东省-佛山市-佛山市里水大道南',
                        url: ''
                    },
                    {
                        name: '招聘裱花师',
                        salary: '面议',
                        comp: '三山慕巴夫烘焙店',
                        limit: ['学历 不限', '3年-5年'],
                        provide: ['面议'],
                        loc: '安徽省-芜湖市-三山区-竹园路',
                        url: ''
                    },
                    {
                        name: '招聘裱花师',
                        salary: '5000-7000元',
                        comp: '美乐滋',
                        limit: ['学历 不限', '经验 不限'],
                        provide: ['包吃', '包住'],
                        loc: '江西省-抚州市-南丰县-江西省抚州南',
                        url: ''
                    },
                    {
                        name: '招聘烘焙师',
                        salary: '5000-7000元',
                        comp: '阳光麦田',
                        limit: ['学历 不限', '5年-8年'],
                        provide: ['交通补贴', '包吃', '包住', '年假'],
                        loc: '江苏省-扬州市-广陵区-扬州市沙头镇',
                        url: ''
                    },
                    {
                        name: '招聘烘焙中工',
                        salary: '3000-4000元',
                        comp: '品华居法式烘焙',
                        limit: ['高中/中专', '1年-3年'],
                        provide: ['包吃', '包住'],
                        loc: '江西省-南昌市-红谷滩新区-九龙湖',
                        url: ''
                    },
                ],

                mnExpertArr: [
                    {
                        avatar: '../imgs/mn/recruit/man/04.jpg',
                        name: '程小方',
                        salary: '5000-8000元',
                        expect: '烘焙师，面包师',
                        condition: ['21岁', '初中', '5年-8年'],
                        special: ['沟通能力强', '执行力强', '学习力强', '有亲和力'],
                        url: ''
                    },
                    {
                        avatar: '../imgs/mn/recruit/man/06.png',
                        name: '周振',
                        salary: '8000-10000元',
                        expect: '广告设计',
                        condition: ['30岁', '本科', '5年-8年'],
                        special: ['学习力强', '善于创新', '工作认真'],
                        url: ''
                    },
                    {
                        avatar: '../imgs/mn/recruit/man/07.png',
                        name: '吴冲',
                        salary: '5000-8000元',
                        expect: '烘焙师',
                        condition: ['20岁', '高中/中专', '1年-3年'],
                        special: ['诚信正直', '学习力强', '执行力强', '沟通能力强'],
                        url: ''
                    },
                    {
                        avatar: '../imgs/mn/recruit/man/01.jpg',
                        name: '赵雪彦',
                        salary: '12000-20000元',
                        expect: '技术总监',
                        condition: ['33岁', '高中、中专', '8年以上'],
                        special: ['执行力强', '学习力强', '责任心强', '诚信正直'],
                        url: ''
                    },
                    {
                        avatar: '../imgs/mn/recruit/man/08.png',
                        name: '田磊进',
                        salary: '5000-8000元',
                        expect: '常温蛋糕师',
                        condition: ['26岁', '高中、中专', '3年-5年'],
                        special: ['沟通能力强', '执行力强', '学习力强', '有亲和力'],
                        url: ''
                    },
                    {
                        avatar: '../imgs/mn/recruit/man/09.jpg',
                        name: '郑传宗',
                        salary: '5000-8000元',
                        expect: '面包师',
                        condition: ['24岁', '初中', '8年以上'],
                        special: ['执行力强', '学习力强', '责任心强', '善于创新'],
                        url: ''
                    },
                    {
                        avatar: '../imgs/mn/recruit/man/10.jpg',
                        name: '颜师傅',
                        salary: '8000-10000元',
                        expect: '烘焙主管',
                        condition: ['37岁', '初中', '8年以上'],
                        special: ['诚信正直', '责任心强', '善于创新'],
                        url: ''
                    },
                    {
                        avatar: '../imgs/mn/recruit/man/11.jpg',
                        name: '胡小姐',
                        salary: '5000-8000元',
                        expect: '烘焙全能师',
                        condition: ['33岁', '高中、中专', '5年-8年'],
                        special: ['学习力强', '善于创新', '工作认真'],
                        url: ''
                    },
                    {
                        avatar: '../imgs/mn/recruit/man/12.jpg',
                        name: '李凯',
                        salary: '3000-4000元',
                        expect: '烘焙中工',
                        condition: ['20岁', '初中', '1年-3年'],
                        special: ['阳关开朗', '工作认真'],
                        url: ''
                    },
                ],

                mnCompArr: [
                    {
                        avatar: '../imgs/mn/recruit/comp/01.png',
                        name: '郑州丰客餐饮管理有限公司',
                        remain: randInt(1, 5),
                        loc: '河南省-郑州市',
                        workPlace: '公司',
                        url: ''
                    },
                    {
                        avatar: '../imgs/mn/recruit/comp/02.png',
                        name: '浙江五芳斋实业股份有限公司',
                        remain: randInt(1, 5),
                        loc: '浙江省-嘉兴市',
                        workPlace: '公司',
                        url: ''
                    },
                    {
                        avatar: '../imgs/mn/recruit/comp/03.png',
                        name: '靖江市法麦美辰面包店',
                        remain: randInt(1, 5),
                        loc: '江苏省-泰州市',
                        workPlace: '门店',
                        url: ''
                    },
                    {
                        avatar: '../imgs/mn/recruit/comp/04.jpg',
                        name: '余干鲜之语食品有限公司',
                        remain: randInt(1, 5),
                        loc: '江西省-上饶市',
                        workPlace: '公司',
                        url: ''
                    },
                    {
                        avatar: '../imgs/mn/recruit/comp/05.jpg',
                        name: '武汉糖涩餐饮管理有限公司',
                        remain: randInt(1, 5),
                        loc: '湖北省-武汉市',
                        workPlace: '门店',
                        url: ''
                    }],

                ftTopItems: [
                    [
                        {text: '关于我们', url: ''},
                        {text: '烘焙学院', url: ''},
                        {text: '烘焙食谱', url: ''},
                        {text: '分类信息', url: ''},
                        {text: '求职招聘', url: ''},
                        {text: '社区交流', url: ''}],
                    [
                        {text: '联系我们', url: ''},
                        {text: '广告投放', url: ''},
                        {text: '用户协议', url: ''},
                        {text: '友情链接', url: ''},
                        {text: '在线反馈', url: ''},
                        {text: '我发投稿', url: ''}],
                    [
                        {text: 'Archiver', url: ''},
                        {text: '手机版', url: ''},
                        {text: '小黑屋', url: ''}]
                ],
                ftIconArr: [
                    {
                        url: '../imgs/ft/wx.png',
                        text: '官方微信',
                        QRCard: '../imgs/ft/qrwx.png',
                        info1: '每天官微五分钟一年萌新变大神',
                        info2: '扫码关注官方微信',
                        color: '#04c15f'
                    },
                    {
                        url: '../imgs/ft/wb.png',
                        text: '新浪微博',
                        QRCard: '../imgs/ft/qrwb.png',
                        info1: '每天50篇设计干货30万设计师关注！',
                        info2: '访问新浪微博',
                        color: '#ee231c'
                    },
                    {
                        url: '../imgs/ft/qq.png',
                        text: '官方客服',
                        QRCard: '../imgs/ft/qrwx.png',
                        info1: '专业客服24h在线解答问题',
                        info2: '扫码添加官方客服',
                        color: '#2f85f5'
                    },
                ],
                ftMidItems: [
                    {url: '', text: '申请友情链接'}, {url: '', text: '烘焙馆'}, {url: '', text: '烘焙食谱'},
                    {url: '', text: '烘焙网'}, {url: '', text: '可欣互动'}, {url: '', text: '特特美食网'},
                    {url: '', text: '成都地暖公司'}, {url: '', text: '汽车排行榜'}, {url: '', text: '展厅设计'},
                    {url: '', text: '灵芝孢子粉'}, {url: '', text: '重庆网'}, {url: '', text: '滋补养生'},
                    {url: '', text: '学术论文投稿'}, {url: '', text: '玻璃钢管道'}, {url: '', text: '精酿啤酒'}]
            }
        },
        methods: {
            goBack() {
                console.log('go back');
            }
        }
    })
</script>
</html>